* {
    /* 初始化 清除页面元素的内外边距 */
    padding: 0;
    margin: 0;
    /* 盒子模型 */
    box-sizing: border-box;
}
body {
    /* 弹性布局 让页面元素垂直+水平居中 */
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    /* 让页面始终占浏览器可视区域总高度 */
    height: 100vh;
    /* 背景渐变色 */
    background: linear-gradient(#b3e6ea, #ffffff);
}
.title{
    float:left;
    border-width: 2px 2px 2px;
    border-style: ridge;
    border-color:black;
}
.user{
    position: relative;
    left: 720px;
    top:70px;
}
.image {
    position: relative;
    left: 1465px;
    top:-29px;
    width: 50px;
    height:50px;
    border-radius: 50%;
}

p{
    position: relative;
    top:-10px;
    font-family:cursive;
    font-size: 30px;

}
input[type=text]{
    width: 725px;
    height: 30px;
}
textarea{
    position: relative;
    top: 40px;
    width:725px;
    height:400px;
    resize:none;
}
input[type=submit]{
    position: relative;
    top: 50px;
    left: -333px;
    width: 60px;
    height: 35px;
    border: none;
    background-color: #3e89fa;
    padding: 7px 14px;
    font-size: 12px;
    color: white;
}

textarea::-webkit-input-placeholder{
    position: relative;
    top: 5px;
    left: 5px;
}
#exit{
    position: relative;
    left:1041px;
    top: 20px;
    width: 89px;
    height: 35px;
    border: none;
    background-color: #3e89fa;
    padding: 7px 14px;
    font-size: 12px;
    color: white;
}